<div id="whatsnew" ng-controller="WhatsNewCtrl">
	<div id='page-title' ng-style="{width:titleWidth()}">{{localize('Nav Pane', "What's New")}}</div>
 	<div id="menu" class="hideable" ng-style="{left: menuLeft, height: contentHeight()}">
 		<ul>
			<li ng-repeat="item in items" repeat-done="layoutDone()">
				<a ng-click="selectItem(item)">{{localize("What's New", item.title)}}</a>
				<ul>
					<li ng-repeat="subitem in item.subitems" class="selected-{{subitem == selected_subitem}}">
						<a ng-click="selectItem(subitem)">
							{{localize("What's New", subitem.title)}}
						</a>
					</li>
				</ul>
			</li>
		</ul>
	</div>
	<div class='menupopper' ng-click="popupMenu()" ng-class='{ glow: menuPopped, "hidden-true": (!menuCollapsed) }'>&#x2261;</div>

 	<div id="content" ng-style="{left: contentLeft, width: contentWidth(), height: contentHeight()}">
		<ul ng-repeat="item in items">
			<li ng-repeat="subitem in item.subitems" class="item">
				<div class="hr"></div>
				<img id="{{subitem.id}}" src="{{subitem.image}}" ng-style="{left: contentLeft, 'max-width': contentWidth()-30,'max-height': contentHeight()-60}"/>
				<div class="title">{{localize("What's New",subitem.title)}}</div>
				<div class="description">{{localize("What's New", subitem.description)}}</div>
			</li>
		</ul>
	</div>
</div>